@import url(global.css);
@import url(animate.min.css);

.main{ overflow:hidden;}
/*head*/
.headtop{ height:105px; overflow:hidden;}
.headtop h1{ float:left;}
.language{ float:right; height:16px; line-height:16px; padding-top:43px;}
.language a{ float:left; color:#666; margin-left:5px;}
.language img{ display:inline-block; vertical-align:top; margin-right:6px;}
.hdphone{ float:right; color:#333; padding-left:30px; background:url(../images/head.jpg) left center no-repeat; height:24px; line-height:24px; margin-top:39px; padding-right:7px;}
.hdphone span{ font-size:24px; color:#3455a2}
.hdphone em{position:relative;top:-1px;font-style: normal;}
.navbox{ background:#e7e7e7; height:44px;}
.nav{ float:left; list-style:none}
.nav li{ float:left; margin-right:16px;list-style:none ; position:relative}
.nav li>a{ display:block; font-size:18px; color:#333; height:44px; line-height:44px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; width:128px; text-align:center; position:relative; z-index:7}
.nav li:hover>a,.nav li>a.cur{ color:#fff; background:#3455a2;}
.nav li.topnav1{ margin-right:50px;}
.nav li.topnav2{ margin-right:31px;}
.nav li.topnav3{ margin-right:12px;}
.nav li.topnav4{ margin-right:18px;}
.nav li.topnav5{ margin-right:18px;}
.search{ float:right; position:relative; right:9px;}
.search span{ display:block; background:url(../images/icon01.png) center center no-repeat; height:44px; width:40px; cursor:pointer}
.subsearch{position:absolute;background:url(../images/searchbox.png) no-repeat;width:256px;height:33px;right:0;top:44px;padding-top:11px;z-index: 3; display:none;}
.searchin{float:left;width: 213px;padding: 0 3px 0 7px;height:33px;line-height:33px;color:#000;font-size: 13px;}
.searchbt{ display:block; width:31px; height:33px; float:right; cursor:pointer}

/*foot*/
.foot{ background:#191919;}
.foot01{ padding-bottom:31px;}
.foot01 h2{ float:left; padding-top:66px; margin-right:26px; padding-left:73px;}
.codeul{ float:left; padding-top:34px; list-style:none}
.codeul li{ float:left; width:102px; margin-right:24px; list-style:none}
.codeul li h3{ font-size:14px; color:#fff; text-align:center; height:28px; line-height:28px; background:#3455a2;}
.footcontact{ padding-left:40px; background:url(../images/foot.png) left 9px no-repeat; color:#838383; line-height:30px; float:left;width:525px; margin-top:39px; margin-left:-7px;}
.footcontact a{color:#838383; }
.footcontact span{ font-size:30px; color:#fff;}
.footcontact li{ width:260px; float:left; list-style:none}
.footcontact li.lastli{ width:480px;}
.foot02{border-top:1px solid #242424; border-bottom:1px solid #242424; padding-top:22px; padding-bottom:18px;}
.foot02 dt{ font-size:18px; margin-bottom:15px;}
.foot02 dt a { color:#fff;}
.foot02 dd{ line-height:30px; font-size:13px;}
.foot02 dd a{ display:block; color:#8c8c8c;}
.foot02 dl{ float:left;width: 16.3%;text-align: center;}
/*.link01{ margin-right:80px;}
.link02{ margin-right:87px;}
.link03{ padding-right:35px;}
.link03 dd{ float:left; margin-right:67px;}
.link04{ margin-right:102px;}
.foot02 dl.link06{ float:right}*/
.foot03{ font-size:12px; color:#626262; text-align:center; padding-top:16px; padding-bottom:52px;}
.foot03 a{ display:inline-block;color:#626262;}
.thelink span{ margin-right:12px;}
.footlast{ margin-top:5px;}
.footlast p{ display:inline-block;}
.share{display:inline-block;width: 130px;height:31px;vertical-align:top;position:relative;top:-1px;}
#share a{ padding:0; margin:0 0 0 7px; background-image:url(http://helijia.asp.wzkex.com/Templates/helijia/images/icon02.png); width:31px; height:31px;}
#share a.bds_weixin{ background-position:0 0;}
#share a.bds_tsina{ background-position:-37px 0;}
#share a.bds_bdhome{ background-position:-75px 0;}
.foot a:hover{ color:#3455a2}

/*index*/
.index-banner{overflow:hidden;position:relative;z-index: 2;}
.banner-slide{position:relative;width:1920px; left:50%; margin-left:-960px; height:600px;}
.banner-slide li{float:left; list-style:none}
.index-banner li img{ width:1920px; display:block; position:relative; height:600px;}
.index-banner .flex-control-nav{position:absolute;left: 0;bottom:12px;z-index:3;width:100%; text-align:center}
.index-banner .flex-control-nav li{display:inline-block;margin: 0 5px;float:none;}
.index-banner .flex-control-nav a{display:block;width: 21px;height:20px;background: url(../images/dot.png) 3px 0 no-repeat;overflow:hidden;line-height:999px;}
.index-banner .flex-control-nav a.flex-active{ background:url(../images/dot.png) -24px 0 no-repeat;}

.index-pro{ background:#fff; padding-bottom:69px;}
.index-pro .web{ overflow:hidden;}
.indexpro-tit{ background:#434343;}
.subtitle{ text-align:center; font-size:18px; color:#fff; padding-top:11px; padding-bottom:24px;}
.subtitle h2{ font-size:30px; line-height:35px; padding:12px 0 8px;}
.san{ display:block; position:absolute; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/icon03.png) no-repeat; width:21px; height:7px; top:0; left:50%; margin-left:-10.5px;}
.indexproul{ padding-top:37px; width:1200px;}
.indexproul li{ margin-top:22px; float:left; margin-right:27px; width:536px; height:233px; background-image:url(../images/bg01.png);  -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; list-style:none}
.indexproul li a{ display:block;}
.indexproul li span{ display:block; float:left; width:279px; height:233px; overflow:hidden;}
.indexproul li img{ width:279px; height:233px;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.indexproul li:hover img,
.index-right dl:hover dt img,
.newleft:hover img,
.knowdl:hover img,
.classicalul li:hover img,
.thesolu li:hover img,
.subpicul li:hover img{transition: all .8s linear; -moz-transition: all .8s linear; -o-transition: all .8s linear; -webkit-transition: all .8s linear; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -m-transform: scale(1.1); transform: scale(1.1);}
.sub-pro{float:left;width:200px;padding-left:25px;color:#fff;height:233px;padding-right: 32px; }
.sub-pro h2{font-size:24px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 49px 0 7px;}
.sub-pro h2 a{color:#fff;}
.more{color:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px;width:86px;height:27px;display:block;text-align:center;line-height:27px;border:1px solid #fff;margin-top: 14px;}
.indexproul li:hover{ background-color:#3455a2; background-image:none}
.sub-pro p{height: 54px;overflow:hidden;font-size: 14px;line-height: 18px;}
.online .form{ margin-top:35px;}

.index-solution{background:url(../images/bg02.jpg) center top no-repeat;padding-top:9px;padding-bottom:48px;overflow: hidden;}
.flexslider{ padding-top:13px;}
.flexslider .slides li{ float:left;-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; background-color:#fff; -webkit-transition:background-color .3s ease; -moz-transition:background-color .3s ease; -ms-transition:background-color .3s ease; -o-transition:background-color .3s ease; transition:background-color .3s ease; padding:3px; width:335px; margin-right:38px; list-style:none}
.flexslider .slides li a{display:block;text-align:center;font-size: 14px;color: #313131;height:362px;line-height: 18px;}
.flexslider .slides li span{ display:block; width:335px; height:241px; overflow:hidden;}
.flexslider .slides li img{ display:block; width:335px; height:241px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.flexslider .slides li h2{font-size:24px;color:#333;width:290px;margin: 16px auto 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 26px;}
.flexslider .slides li p{height: 54px;overflow:hidden;width:290px;margin:0 auto;text-align: left;}
.flexslider .slides li:hover{background-color:#3455a2;}
.flexslider .slides li:hover a,.flexslider .slides li:hover h2{ color:#fff}
.flexslider .flex-control-nav{ text-align:center; padding-top:40px;}
.flexslider .flex-control-nav li{ display:inline-block; margin:0 3px;}
.flexslider .flex-control-nav a{ display:block; overflow:hidden; line-height:900px; width:65px; height:6px; background:#fff;}
.flexslider .flex-control-nav a.flex-active{ background:#3455a2;}

.index-about{ background:#fff; padding:67px 0 65px;}
.index-left{ float:left; width:423px;}
.leftdl dt{ float:left; width:192px; height:146px; border:1px solid #cdcdcd;}
.leftdl dt img{ display:block; margin-top:17px; margin-left:25px; width:148px; height:105px;}
.leftdl dd{ float:left; width:145px; height:148px; background:#3455a2; text-align:center; font-size:16px; color:#fff;}
.leftdl  h3{ font-size:36px; font-weight:bold; color:#fff; line-height:40px; padding:33px 0 4px;}
.index-intro{ color:#666; line-height:18px;}
.index-intro h3{ font-size:36px; color:#333; border-bottom:1px solid #e4e4e4; line-height:45px; padding-bottom:11px; padding-top:34px;}
.index-intro h4{ font-size:24px; color:#333; padding:24px 0 20px; line-height:24px;}
.morea{ display:block; width:124px; height:34px; line-height:34px; text-align:center; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px;-o-border-radius:20px; border-radius:20px;background:#3455a2; color:#fff; margin-top:34px;}
.index-right{ float:right; width:551px;}
.index-honor dt{ float:left; width:276px; height:274px; overflow:hidden; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.index-honor dt img{width:276px; height:274px;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.index-honor dd{ width:274px; height:274px; float:left; background:#6d6d6d; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -ms-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
.index-honor dd a{ width:274px; height:274px; display:block; color:#fff; line-height:18px; text-align:center;}
.index-honor dd h3{ font-size:24px; line-height:28px; padding:54px 0 10px;}
.index-honor dd img{ display:inline-block; margin-top:19px;}
.index-culture{ margin-top:16px;}
.index-culture dt{ float:left; position:relative; width:275px; height:244px; cursor:pointer; overflow:hidden;}
.index-culture dt img{ display:block; width:275px; height:244px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.index-culture dt h2{ font-size:18px; color:#fff; text-align:center; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/bg33.png) repeat; width:100%; left:0; bottom:0; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; height:46px; line-height:46px; position:absolute; display:none}
.index-culture dt em{ display:block; position:absolute; left:105px; top:74px; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/icon05.png) no-repeat; width:58px; height:59px;}
.index-culture dd{ width:276px; float:left; text-align:center;}
.index-culture dd a{display:block;width: 250px;height:244px;padding-left: 19px;}
.index-culture dd i{ display:block; margin:27px auto 0; color:#fff;background:#3455a2; width:94px; height:29px; line-height:29px; font-size:18px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;-o-border-radius:5px; border-radius:5px;}
.index-culture dd h2{ font-size:20px; color:#333; padding-top:7px;}
.index-culture dd h3{font-size:14px;color:#666;line-height:18px;padding: 9px 0 0;}

.index-service{ background:url(../images/bg03.jpg) center top no-repeat; padding-bottom:51px;}
.index-service .web{ overflow:hidden;}
.index-title{ text-align:center; font-size:18px; color:#fff; padding-bottom:5px;}
.index-title h2{ font-size:30px; color:#fff; line-height:40px; padding:34px 0 15px;}
.serviceul{ padding-left:91px; width:1300px; list-style:none}
.serviceul li img{ height:90px; display:block; margin:31px auto 8px;}
.serviceul li{ float:left; width:193px; height:193px; border:1px solid #737170; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; margin-right:148px; margin-top:38px; -webkit-transition:background-color .3s ease; -moz-transition:background-color .3s ease; -ms-transition:background-color .3s ease; -o-transition:background-color .3s ease; transition:background-color .3s ease; list-style:none }
.serviceul li a{ display:block; font-size:18px; color:#fff; text-align:center; width:193px; height:193px;}
.serviceul li:hover{ background-color:#3455a2; border-color:#3455a2;}

.index-new{ background:#fff; padding-bottom:94px;}
.index-new h2{ font-size:30px; color:#333; text-align:center; line-height:36px; padding-top:55px; margin-bottom:31px;}
.indexnav{ position:relative; border-bottom:1px solid #dbdbdb; margin-bottom:54px;}
.indexnav p{ position:absolute; width:100%; left:0; bottom:-16px; text-align:center}
.indexnav a{ display:inline-block; width:106px; height:30px; line-height:30px; font-size:18px; color:#333; border:1px solid #c2c2c2;-webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px;-o-border-radius:20px; border-radius:20px; margin:0 4px; background:#fff;}
.indexnav a.cur{ background:#3455a2; border-color:#3455a2; color:#fff;}
.newleft{ float:left; width:484px; border:1px solid #c5c5c5;  -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;border-radius:5px; position:relative; height:348px;}
.newleft a{ display:block; color:#666;}
.newleft img{ display:block; width:484px; height:243px;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.newleft span{ display:block; width:484px; height:243px; overflow:hidden;}
.newleft h3{ font-size:24px; color:#333; margin:13px 0 9px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding:0 97px 0 14px;}
.newleft p{ padding:0 97px 0 14px; height:48px; overflow:hidden;}
.newdate{ position:absolute; width:84px; height:73px; background:#3455a2; color:#fff; left:-1px; top:170px; text-align:center}
.newdate i{ display:block; font-size:36px; line-height:40px; padding-top:6px;}
.icon{ display:block; position:absolute; background:url(../images/index17-03.jpg) no-repeat; width:48px; height:48px; bottom:32px; right:21px;}
.newright{float:right;width: 560px; padding-top:14px; list-style:none}
.newright li{ padding-bottom:42px; list-style:none}
.newright li a{ display:block; color:#666;}
.lidate{float:left;background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/index18.jpg) right top no-repeat;width:92px;height:72px;font-size:18px;color:#ccc;margin-top: 3px;}
.lidate span{ font-size:48px; color:#666; line-height:49px; display:block; position:relative; margin-top:-4px;}
.lidate em{ display:block; text-align:right; padding-right:23px; margin-top:-1px;}
.new-intro{float:right;width: 438px;}
.new-intro p{height:48px; overflow:hidden;}
.new-intro h3{font-size:18px;color:#333;margin-bottom: 5px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.new-indexbox{ height:350px; overflow:hidden;}
.newright li:hover h3{ color:#3455a2}
.index-nav{ position:fixed; left:15px; top:50%; margin-top:-75px; z-index:8; list-style:none}
.index-nav li{  position:relative; font-size:16px; color:#fff; cursor:pointer; margin-top:13px; list-style:none}
.index-nav li em{ background:url(../images/dot01.png) no-repeat; width:19px; height:20px; position:relative; z-index:3; display:block;}
.index-nav li span{ display:block; position:absolute; height:28px; line-height:28px; background:#3455a2;  left:-8px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; white-space:nowrap; z-index:1; top:-5px;  -webkit-transition: all .2s linear;  -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear;transition: all .2s linear; width:0; overflow:hidden;}


.index-nav li:hover span,.index-nav li.active span{padding-right:12px; padding-left:30px;}
.index-nav li.li01:hover span,.index-nav li.li01.active span{ width:auto;}
.index-nav li.li02:hover span,.index-nav li.li02.active span{ width:auto;}
.index-culture dd img{ display:block; margin-top:23px;}

/*侧漂*/
.float{ position:fixed; right:0; top:50%; margin-top:-102px; z-index:9; width:50px;}
.float li{ width:50px; height:50px; background:#434343; margin-top:1px; font-size:20px; color:#fff; line-height:50px; white-space:nowrap;cursor:pointer; float:right;-webkit-transition: all .3s linear;  -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear; list-style:none}
.float li img{ display:inline-block; vertical-align:top;}
.float li:hover{ background:#3455a2}
.long:hover{ width:233px;}
.backtop{ display:none;}

/*新闻中心*/
.inbanner{ width:100%; overflow:hidden;}
.inbanner img{ position:relative; width:1920px; display:block; left:50%; margin-left:-960px;}
.intitle{ border-bottom:1px solid #d6d6d6; height:75px; line-height:75px;}
.intitle h2{ font-size:30px; color:#333; float:left;}
.intitle h2 img{margin-left:18px;position:relative;top: 6px;}
.in-nav{ float:right; padding-top:27px;}
.in-nav a{ float:left; color:#333; padding:0 3px; margin-left:19px; position:relative; top:1px; height:48px; line-height:45px; cursor:pointer}
.in-nav a:hover,.in-nav a.cur{ color:#3455a2; border-bottom:3px solid #3455a2;height:45px;}
.hot h2{ font-size:32px; color:#343434; line-height:40px; text-align:center; padding-top:23px;}

.hotbox { padding-bottom:57px;}
.hotbox dt{ float:left; width:516px; height:253px; overflow:hidden; margin-right:30px;-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.hotbox dt img{ display:block; width:516px; height:253px;-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.hotbox dd{float:left;width: 500px;}
.hotbox dd a{ display:block; height:210px; color:#666; padding-left:33px; padding-top:43px;}
.hotbox dd h3,.newdl dd h3{font-size:24px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 0 13px;line-height: 27px;}
.hotbox dd p{ height:48px; overflow:hidden;}
.newmore{ display:block; font-size:16px; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; width:120px; text-align:center; height:30px; line-height:30px; background:#3455a2; margin-top:14px;}
.hotbox dl{ margin-top:35px;}
.hotbox dl:hover h3,.newdl:hover h3{ color:#3455a2}
.hotbox dl.second dt{ float:right;}
.hotbox dl.second dd a{ padding-left:0}

.newcenter{ background:#f2f2f2;}
.page{ padding:43px 0 48px;}
.newnav{ text-align:center; padding-top:39px;}
.newnav a{ font-size:24px; color:#343434; display:inline-block; height:26px; line-height:26px; border-right:1px solid #343434; padding-left:20px; padding-right:24px;}
.newnav a:hover,.newnav a.cur{ color:#d30e17}
.newdl{ border-bottom:1px solid #c7c7c7; padding:23px 0;}
.newdl dt{ float:left; width:263px; height:129px; overflow:hidden;-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.newdl dt img{width:263px; height:129px; display:block;-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.newdl dd{ width:837px; float:left;}
.newdl dd a{display:block;padding-left:43px;padding-right:143px;position:relative;color:#666;line-height:21px;padding-top: 14px;height: 115px;}
.newdl dd p{ height:63px; overflow:hidden;}
.eye{ font-size:12px; color:#4c4c4c; background:#fff url(../images/eye.png) center 10px no-repeat; border:1px solid #b6b6b6; position:absolute; right:0; width:55px; height:27px; top:50%; margin-top:-23px; text-align:center; padding-top:28px;}

.picnew{ overflow:hidden; padding-bottom:14px;}
.picnew h2{ text-align:center; font-size:32px; line-height:36px; color:#343434; padding-top:27px;}
.pic-newul{ width:1200px; list-style:none}
.pic-newul li{ float:left; width:360px; margin-right:9px; text-align:center; margin-top:25px; list-style:none}
.pic-newul li span{ display:block; overflow:hidden; width:360px; height:354px;-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.pic-newul li img{width:360px; height:354px;-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.pic-newul li a{ display:block; color:#343434; font-size:16px;}
.pic-newul li h3{ font-size:24px;line-height:32px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-top:11px;}
.pic-newul li p{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.online h2{text-align:center; font-size:32px; line-height:36px; color:#343434; border-bottom:1px solid #d9d9d9; padding-bottom:18px; padding-top:25px;}
.onp{ text-align:center; font-size:14px; color:#4c4c4c; padding:14px 0;}
.onp span{ color:#3455a2;}
.form{ width:1000px; border-top:1px solid #d9d9d9;}
.formul{ padding-left:68px; padding-top:19px; list-style:none}
.formul li{ font-size:15px; color:#4c4c4c; width:402px; float:left; margin-right:54px; margin-top:20px; list-style:none}
.formul li p{ margin-bottom:11px;}
.formul li em{ font-size:18px; color:#3455a2; display:inline-block; vertical-align:middle; margin-right:9px; width:9px; height:24px;}
.formin,.formtext{ margin-left:18px; width:363px; padding:0 10px; height:43px; line-height:43px; font-size:16px; color:#333; border:1px solid #dcdcdc;}
.formul li.lastli,.formul li.codeli { width:847px;}
.formtext{ width:820px; height:206px; padding:8px 10px; resize:none}
.formbt input{ width:136px; height:40px; background:#3455a2; color:#fff; display:block; float:left; margin-right:26px; font-size:18px;cursor:pointer; border:1px solid #3455a2;}
.online .reset{ background:#3b3b3b;}
.codeli p{ float:left; height:40px; line-height:40px;}
.codeli p em{ height:40px;}
/*.codeli img{ float:left; width:110px; height:40px; margin-left:19px;}*/
.codein{ float:left; height:36px; line-height:36px; width:66px; padding:0 10px; border:1px solid #dcdcdc; margin-left:56px; margin-top:2px; margin-right:16px; }
.codeli span{ height:40px; line-height:40px; float:left;}
.formbt{  padding:30px 0 40px 86px;}

/*展会信息*/
.zhanhui{ background:#fff; padding-top:30px;}
.zhan-intro{ padding-bottom:15px;}
.zhan-vodeo{ float:left; width:484px; position:relative;}
.zhan-vodeo span{ display:block; position:relative;}
.zhan-vodeo em,.play{ display:block; width:58px; height:59px; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/icon05.png) no-repeat; left:50%; top:50%; margin-left:-28px; margin-top:-30px; position:absolute; cursor:pointer; z-index:6}
.zhan-vodeo img{ width:484px; height:301px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.share01{ margin-top:6px; height:28px; line-height:28px;}
.share01 span{ float:left; color:#666; font-size:16px;}
.the-intro{ float:left; width:528px; padding-left:34px; font-size:14px; color:#333; line-height:30px;}
.the-intro h3,.schedule h3{ font-size:30px; color:#3455a2; line-height:40px; padding:10px 0 7px;}
.themore{ display:block; width:138px; height:43px; line-height:43px; text-align:center; font-size:18px; color:#fff; background:#3455a2;-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; margin-top:8px;}
.schedule{ overflow:hidden; padding-top:15px; padding-bottom:50px;}
.schedule h3{ text-align:center;}
.scheduleul{ width:1200px; list-style:none}
.scheduleul li{ float:left; border:1px solid #dbdbdb; width:350px; height:133px; margin-right:21px; margin-top:33px; -webkit-box-shadow:2px 3px 0 rgba(4,0,0,.12); -moz-box-shadow:2px 3px 0 rgba(4,0,0,.12); -ms-box-shadow:2px 3px 0 rgba(4,0,0,.12); -o-box-shadow:2px 3px 0 rgba(4,0,0,.12); box-shadow:2px 3px 0 rgba(4,0,0,.12); overflow:hidden;}
.scheduleul li a{ display:block; font-size:16px; color:#333; padding:10px 0 20px 30px; list-style:none}
.scheduleul li h4{ font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
.subsch img{ float:left; width:100px; height:68px; margin-right:11px;}
.subsch p{ font-size:18px;}
.subsch p span{ color:#3455a2;}

.subsch em{ display:block; font-size:14px;}
.videoDiv{ width:100%; height:100%; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/layerbg.png); position:fixed; _position: absolute; top:0; left:0; z-index:9999 }
.videoDiv .videoCt{ width:640px; height:480px; background:#000; position:relative; left:50%; top:50%; margin:-240px 0 0 -320px; }
.videoDiv .videoClose{ width:50px; height:50px; position:absolute; top:-20px; right:-20px; z-index:9999; cursor:pointer}
.video_sp embed { display:block; width:100%; height:480px;}

/*知识百科*/
.knowdl{ padding:22px 0 40px; border-bottom:1px solid #c5c5c5;}
.knowdl dt{ width:371px; height:243px; overflow:hidden; float:left;}
.knowdl dt img{ width:371px; height:243px; transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.knowdl dd{ width:652px; float:left;}
.knowdl dd a{ display:block; padding-left:32px; color:#333;}
.knowdl dd h2{ font-size:26px; line-height:30px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:41px 0 10px;}
.knowledge p{ height:48px; overflow:hidden;}
.amore{ display:block; width:106px; height:32px; text-align:center; line-height:32px; color:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; background:#3455a2; font-size:14px; margin-top:16px;}
.knowul li{ border-bottom:1px dashed #d3d3d3; padding:22px 0; list-style:none}
.knowul a{ display:block; color:#333;}
.date{ float:left; text-align:center; width:87px; height:91px; border:1px solid #4a4a4a; background:#4a4a4a; line-height:29px; font-family:"Arial"; color:#fff;}
.date span{ font-size:45px; color:#4a4a4a; font-weight:bold; display:block; background:#fff; height:63px; line-height:63px;}
.newintro{ width:913px; float:left; padding-left:28px;}
.newintro h2{ font-size:24px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:9px 0}
.knowul li:hover .date{ background:#3455a2; border-color:#3455a2;}
.knowul li:hover .date span{ color:#3455a2}

.newdetail{ padding:0 40px; width:1020px;}
.detailtitle{ text-align:center; color:#8d8d8d; padding:26px 0 22px;}
.detailtitle h2{ font-size:24px; color:#333; line-height:35px; border-bottom:1px solid #e8e8e8; margin-bottom:9px; padding-bottom:11px;}
.detailbox{ color:#4c4c4c;}
.detailbox img{ max-width:100%; height:auto !important;}
.detail-op{ padding:34px 0 39px}
.detail-op>a{ display:block; width:63px; height:32px; line-height:32px; background:#3455a2 url(../images/ndetail02.png) 19px center no-repeat; font-size:18px; color:#fff; padding-left:38px; margin-bottom:12px;}
.detail-op p a{ display:block; color:#666; padding:2px 0}
.detail-op p a:hover{ color:#3455a2;}

/*留言反馈*/
.onlinebox{ padding-top:30px; padding-bottom:33px;}
.onlinebox .reset{ background:#3455a2}
.onlinebox .form{ margin-top:0}

/*联系我们*/
.contable { margin-top:50px;}
.contable td{ color:#666; border-bottom:1px solid #cecece; border-right:1px solid #cecece;  padding-left:40px; padding:14px 40px 29px; vertical-align:top}
.contable td a{ color:#666;}
.contable td h2{ font-size:30px; font-weight:bold; color:#3455a2; line-height:32px; padding-bottom:3px;}
.contable td h3{ font-size:18px; color:#666; padding-bottom:13px;}
.contable td h2 span{font-size:18px; color:#666; margin-left:12px; font-weight:normal}
.map{ color:#4c4c4c; padding-top:60px; padding-bottom:56px;}
.map iframe{ display:block; margin-top:36px;}

/*行业解决方案*/
.bread{ height:47px; line-height:47px; border-bottom:1px solid #e6e6e6; color:#666;}
.bread p>a{ color:#666; cursor:pointer}
.bread p>a.cur{ color:#3455a2; cursor:default}
.bread p{ padding-left:35px; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/home.jpg) left center no-repeat;}
.video{ position:relative;}
.videoimg{ width:434px; height:318px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.zhe{ position:absolute; z-index:3; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/bg33.png) repeat; width:100%; height:100%; left:0; top:0; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.soluvideo td{ vertical-align:middle; color:#666;}
.soluvideo h2{ font-size:30px; line-height:35px; color:#333; padding-bottom:22px;}
.soluvideo .themore{ margin-top:31px;}
.videotxt{ padding-right:92px; font-size:16px;}
.soluvideo{ padding:30px 0 24px;}
.soluvideo .share01 .bdsharebuttonbox{ float:right;}
.solulist li{ height:438px; float:left; width:50%; border-bottom:1px solid #fff; border-left:1px solid #fff; overflow:hidden; position:relative; list-style:none}
.solulist li>div{ display:block; height:438px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.subsolu{ position:absolute; color:#fff; top:62%; text-align:center; height:140px;  right:9%;}
.subsolu h2{ font-size:30px; line-height:35px; padding-bottom:7px;}
.sub{height:48px;overflow:hidden;width: 365px; font-size:16px;}
.subsolu .amore{ -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; margin:18px auto 0}
.solulist li.right .subsolu{ right:auto; left:5.6%}
.solulist li img{display:block;position:absolute;right: 0;height:438px;}
.solulist li.right img{left: 0;right: auto;}
.subsort{ background:#fff; text-align:center; font-size:14px; color:#272727; padding:38px 0 5px;}
.subsort h2,.case h2,.classicalpro h2,.maintain h2{ font-size:30px; color:#333; line-height:35px; padding-bottom:13px; text-align:center}
.subsort p{ width:940px; margin:0 auto; font-size:16px;}
.promore{ display:inline-block; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; /*width:160px;*/padding: 0 5px; height:40px; line-height:40px; background:#3455a2; color:#fff; margin-top:14px;}
.subsort img{ display:block; margin:10px auto 0; height:380px; width:auto;}
.subsort.second{ background:#eaeaea}
.advantage{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/bg04.jpg) center top no-repeat; text-align:center; padding-top:92px; color:#fff; line-height:20px; padding-bottom:130px;}
.advantage h2{ font-size:30px; color:#fff; line-height:35px; padding-bottom:32px;}
.advantage ul{ width:1400px; list-style:none}
.advantage ul span{ display:block; font-size:24px; line-height:30px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; background-color:#6a6a6a; width:144px; height:104px; padding-top:40px; margin:0 auto 19px;-webkit-transition:background-color .3s ease; -moz-transition:background-color .3s ease; -ms-transition:background-color .3s ease; -o-transition:background-color .3s ease; transition:background-color .3s ease; }
.advantage ul li:hover span{ background-color:#d30e17}
.advantage ul li{float:left;width: 300px;margin-right: 95px; list-style:none}
.case{ background:#f3f3f3; padding-bottom:93px;}
.case .web,.classicalpro .web{ overflow:hidden;min-height:100px;}
.case h2{ padding-top:62px;}
.caseul{ width:1300px; margin-top:-27px; list-style:none}
.caseul li{ float:left; width:530px; margin-right:40px; margin-top:46px; list-style:none}
.caseul li img{ width:217px; height:165px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; float:left;}
.caseintro{ width:280px; float:right;}
.caseul li a{ color:#333; display:block;}
.caseintro h3{ font-size:24px; padding-bottom:13px; padding-top:20px;}
.classicalpro{ text-align:center; color:#333; padding-top:48px; padding-bottom:40px;}
.classicalpro h2{ padding-bottom:3px;}
.classicalul{ width:1300px; padding-top:28px; list-style:none}
.classicalul li{ float:left; width:259px; margin-right:21px; background:#e3e3e3;-moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;-webkit-transition:background-color .3s ease; -moz-transition:background-color .3s ease; -ms-transition:background-color .3s ease; -o-transition:background-color .3s ease; transition:background-color .3s ease; height:369px; overflow:hidden; list-style:none}
.classtop{ -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; background-color:#4b4b4b; padding-bottom:28px; margin-bottom:20px;}
.classtop h3 span{ display:block;width:52px; background-color:#4b4b4b; left:50%; margin-left:-26px; bottom:-20px; position:absolute;}
.classtop h3{font-size: 36px;font-family:"Arial";color:#fff;line-height:40px;font-weight:bold; border-bottom:1px solid #797979; width:93px; margin:0 auto; position:relative; padding-top:38px;}
.classtop h4{ font-size:24px; color:#fff; margin-top:24px; line-height:26px;}
.classicalul li:hover .classtop,.classicalul li:hover .classtop h3 span{ background-color:#d30e17}
.classicalul li:hover h3{ border-bottom:1px solid #e0adaf;}
.classicalul li img{ display:block; width:259px; height:217px;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear; margin:0 auto;}
.classicalpro .promore{ width:130px; margin-top:28px;}

.detailvideo{ padding-bottom:37px;}
.peosort>h2{ font-size:30px; color:#333; text-align:center; border-bottom:1px solid #e6e6e6; line-height:45px; padding:40px 0 11px;}
.detailvideo .videoimg{ width:517px; height:380px;}
.detailvideo .videotxt{ padding-right:0; padding-left:40px;}
.detailvideo .videotxt h2{ color:#3455a2; padding-bottom:17px;}
.detailvideo .themore{ margin-top:15px;}
.detailvideo .share01 .bdsharebuttonbox{ float:none;}
.maintain{ padding-top:50px; padding-bottom:70px;}
.maintain ul{ padding-top:3px; list-style:none}
.maintain li{ padding-left:125px; border-bottom:1px dashed #d2d2d2; position:relative; min-height:96px; padding-bottom:20px; color:#272727; padding-top:19px; list-style:none}
.maintain li span{ display:block; width:96px; height:96px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; background-color:#414141; position:absolute; left:0; top:50%; margin-top:-48px;-webkit-transition:background-color .3s ease; -moz-transition:background-color .3s ease; -ms-transition:background-color .3s ease; -o-transition:background-color .3s ease; transition:background-color .3s ease;}
.maintain li span img{ width:96px; height:96px;}
.maintain li:hover span{ background-color:#d10b14}
.maintain li h3{ line-height:35px; font-size:24px; color:#333; padding-bottom:6px;}
.classicalsolu .promore{ width:104px; margin-top:23px;}
.thesolu{ width:1300px; padding-top:26px;}
.thesolu li{ float:left; width:348px; height:350px; margin-right:28px; position:relative; overflow:hidden; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.thesolu li img{ width:348px; height:350px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.thesolu li a{ display:block;}
.thesolu li a h4{ font-size:24px; color:#fff; height:66px; line-height:66px; position:absolute; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/layerbg.png) repeat; left:0; right:0; bottom:0; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.classicalsolu{ padding-bottom:0}

/*人才招聘*/
.jobintro{ color:#010101; line-height:30px;}
.jobintro h2{ font-size:24px; color:#d30f17; padding:29px 0 8px;}
.jonlist{ margin-top:-8px; padding-bottom:42px;}
.jonlist li{ border:1px solid #d7d7d7; color:#666; padding:0 24px 42px; list-style:none; margin-top:25px;}
.jonlist h3{ font-size:24px; color:#000; line-height:30px; padding:12px 0 15px;}
.mail{ display:block; color:#fff; font-size:16px; width:92px; height:26px; line-height:26px; text-align:center; background:#d30e17; margin-top:11px; position:relative}
.mail input{ position:absolute; width:100%; height:100%; filter:alpha(opacity=0); opacity:0}

/*常见问题*/
.title{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/service04.png) right 26px no-repeat;color:#4c4c4c;}
.title h3{ font-size:14px;  background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/service1.png) left 18px no-repeat; border-bottom:1px solid #e8e8e8; padding:20px 65px; cursor:pointer}
.answer{ background:#ebebeb; display:none;}
.answer .web{ padding:20px 65px 35px; width:970px; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/service2.png) left 16px no-repeat;font-size:13px; color:#4c4c4c;}
.title.cur { background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/service03.png) right 26px no-repeat; color:#d30e17;}
.title.cur h3{ border-bottom-color:#fff}
.faq li:hover .title{ color:#d30e17;}
.faq .page{ text-align:center; padding:26px 0 8px;}

/*经营理念*/
.idea{ background:url(../images/bg06.jpg) center top no-repeat; color:#000;}
.ideadiv{ width:645px; display:table; height:420px;}
.ideadiv>div{ display:table-cell; vertical-align:middle}
.ideaul{display:block;margin-top:-53px;padding-left: 30px;}
.ideaul li{float:left;color:#000;list-style:none;width: 192px; margin-right:17px;}
.ideasub{ display:table; width:107px; height:107px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; background:#646464; font-size:24px; color:#fff; line-height:30px; text-align:center; margin:0 auto 15px;}
.ideasub p{ display:table-cell; vertical-align:middle}
.service { padding-top:36px; padding-bottom:74px;}
.service h2{ border-bottom:1px solid #e5e5e5; font-size:32px; color:#343434; line-height:75px; text-align:center; }
.servicetxt{ padding-top:26px; overflow:hidden; color:#000;}
.servicetxt h3{ font-size:24px; padding-bottom:8px;}
.sale{ background:#f2f2f2; padding-top:6px; padding-bottom:76px;}
.sale h2{font-size:32px; color:#343434; line-height:75px; text-align:center;}

.download .newnav{ padding-top:32px; padding-bottom:18px;}
.downp{ font-size:18px; color:#343434; text-align:center; padding-bottom:17px;}
.downul{ border:1px solid #c5c5c5; border-bottom:none;}
.downul li{border-bottom:1px solid #c5c5c5; list-style:none;}
.downul li a{ display:block; font-size:16px; color:#666; padding:15px 130px 15px 15px; position:relative;}
.downul li span{ display:block; position:absolute; height:24px; width:120px; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/xia01.jpg) right center no-repeat; right:18px; top:50%; margin-top:-12px;}
.downul li:hover span{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/xia02.jpg) right center no-repeat; color:#d30e17}
.download .page{ text-align:center; padding:30px 0 13px;}

/*招商加盟*/
.joined{ color:#5e5e5e; padding-bottom:22px;}
.jion-intro{ padding-top:40px; padding-bottom:52px;}
.joindt{ float:right; width:542px; display:table;}
.joindl div{ display:table-cell; vertical-align:middle}
.joindt div img{ display:block; width:542px; height:339px;-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.joindd{ float:left; width:440px; display:table; padding-left:19px; line-height:30px; color:#5e5e5e; min-height:339px;}
.joindd h3{ font-size:24px; color:#343434; padding-bottom:10px;}
.joindl.second .joindd{ padding-left:70px;}
.joindl.second .joindt{ float:left; margin-left:19px;}

.strong{ background:#efefef; padding:18px 0 15px;}
.strong .web{ overflow:hidden}
.strong h2{ text-align:center; font-size:32px; color:#343434; line-height:40px;}
.strong h3,.tointro h3{ font-size:24px; color:#221815; line-height:26px; padding-top:28px; padding-bottom:9px;}
.strongul{ width:1300px; padding-top:50px;}

.strongul li{ list-style:none; float:left; width:522px; margin-right:54px; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/shaw02.jpg) center bottom none; height:417px; text-align:center; font-size:24px; color:#221815; font-weight:bold; line-height:30px;}
.strongul li img{ width:522px; height:326px; display:block; margin-bottom:9px}
.tointro h2{ border-bottom:1px solid #d4d4d4;font-size:32px; color:#343434; height:88px; line-height:95px; text-align:center}
.tointro h3{ padding-bottom:12px;}


/*公司简介*/
.company{ padding:34px 0 66px; font-size:16px; color:#4c4c4c;}
.company img{ max-width:100%; height:auto !important}
.company h2{ font-size:26px; line-height:30px; color:#3455a2; font-weight:bold; padding:31px 0 16px;}
.companyul,.companyul li{ list-style:none;}
.companyul li{ float:left; position:relative;}
.subcom{ -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; background-color:#464646; width:125px; height:125px; -webkit-transition:background-color .3s ease; -moz-transition:background-color .3s ease; -ms-transition:background-color .3s ease; -o-transition:background-color .3s ease; transition:background-color .3s ease; text-align:center; font-size:20px; color:#fff; font-weight:bold; line-height:125px; margin:0 auto 16px;}
.companyul li:hover .subcom{ background-color:#3455a2}
.companyul li.li01{ padding-right:14px;}
.companyul li.li02{ padding-right:45px;}
.companyul li img{ position:absolute; top:54px;  left:218px;}
.companyul li.li02 img{  left:310px;}
.companyul {padding-left: 105px;}

.history{ background:#eee; padding-bottom:80px;}
.developleft{ float:left; width:432px; padding-top:105px;}
.developleft h2{ font-size:30px; color:#fff; text-align:center; line-height:30px; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/bg01.jpg) no-repeat; padding-top:20px; height:71px;}
.developleft h2 span{ font-size:14px; color:#cfcfcf; display:block;}
.developlist{float:right;width:620px; padding-top:41px;}
.developlist ul{background: url(http://helijia.asp.wzkex.com/Templates/helijia/images/line01.jpg) 103px top repeat-y;}
.developlist li{padding-bottom: 24px; list-style:none;}
.developlist em{ float:left; font-size:24px; color:#333; height:41px; line-height:41px; width:138px; position:relative; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/icon06.jpg) 96px center no-repeat; font-style:normal}
.developtxt{float:left;padding-left:79px;position:relative;color:#333;}
.month{font-size:18px;color:#fff;background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/icon07.jpg) no-repeat;display:block;height:41px;line-height:41px;width:65px;text-indent: 11px;position:absolute;left:0;top:0;}
.developlist h2{ font-size:30px; color:#333; line-height:40px; padding-bottom:25px;}

.culture{background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/bg05.jpg) center top no-repeat;padding-top:37px;padding-bottom: 32px;}
.culture ul,.culture li{ list-style:none}
.culture h2{font-size:30px;color:#fff;text-align:center;line-height:40px;}
.cultureul li{float:left;width:344px;color:#d7d7d7;margin-top: 30px;}
.subculture{-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease;border:1px solid #fff;width: 155px;height: 155px;display:table;color:#fff;font-size:18px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin-bottom:16px;}
.subculture>div{ display:table-cell; vertical-align:middle}
.cultureul li:hover .subculture{ background-color:#3455a2; border-color:#3455a2;}
.cultureul li h3{font-size: 35px;line-height: 42px;}
.cultureul{width:1300px;padding-left:112px;}

.honor{ background:#efefef; padding-top:38px;}
.honor h2{ font-size:30px; color:#333; line-height:40px; text-align:center;}
.othernav{padding-top:17px;}
.othernav a{ font-size:20px; height:23px; line-height:23px; cursor:pointer}
.allhonor{ padding-bottom:37px;}
.honortxt{ color:#333; line-height:27px; width:615px; margin:0 auto; text-align:center; padding:17px 0 31px}
.subhonor{ overflow:hidden; display:none;}
.subhonor ul,.subhonor li{ list-style:none}
.subhonor ul{ width:1200px;}
.subhonor li{ float:left; margin-right:20px; padding-bottom:15px; width:260px; height:310px; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/shaw.jpg) center bottom no-repeat; font-size:15px; text-align:center; border-top:1px solid #cecece}
.subhonor li img{ display:block; width:257px; height:auto; margin:0 auto 7px;}
.subhonor li span{ display:block; width:260px; height:257px; overflow:hidden;}

.organization{ text-align:center; padding-top:36px; padding-bottom:48px;}
.organization h2{ font-size:30px; color:#3333; line-height:40px; text-align:center; padding-bottom:35px;}

.header{ padding:48px 0 78px}

.hearderpic{ float:left; width:409px;}
.hearderpic img{ display:block; width:409px; height:482px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.headertxt{ width:653px; float:left; color:#333; padding-top:32px;}
.thetop{ background:#eee; padding:17px 25px 30px;}
.thetop h3{ color:#3455a2; font-size:30px; line-height:35px; padding:0 0 6px;}
.thebottom{ padding:15px 25px 0;}

/*品质管理*/
.quality01{ background:#f3f3f3; padding-top:18px; padding-bottom:48px; line-height:24px; color:#000}
.img01{ position:absolute; top:-18px; left:478px;}
.tltle h2{ font-size:40px; color:#000; line-height:42px; padding-bottom:7px; padding-top:36px;}
.quality02{ padding-bottom:25px;}
.quality02 h3{ font-size:30px; color:#3f3f3f; line-height:73px;}

/*员工风采*/
.staff-pic{ padding-top:28px; overflow:hidden;}
.staff-pic h2{ font-size:24px; color:#343434; text-align:center; line-height:30px;}

.staff ul,.staff li,.allpics li{ list-style:none}
.pictures h2{ border-bottom:1px solid #d4d4d4; height:59px; line-height:59px; color:#343434; font-size:24px; text-align:center;}
.subpic{ overflow:hidden;}
.subpic ul{ width:1300px;}
.subpicul{ padding-bottom:18px;}
.subpicul li{ float:left; width:362px; margin-right:6px; margin-top:23px; text-align:center; color:#343434; font-size:16px; padding-bottom:5px;}
.subpicul li span{ display:block; width:362px; height:353px; overflow:hidden;}
.subpicul li img{ display:block; width:362px; height:353px;transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;-webkit-transition: all 0.3s linear; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.subpicul li h3{ font-size:24px; padding:12px 0 2px;}

.thepicul{ padding-top:14px; padding-bottom:18px;}
.thepicul li{ float:left; margin-top:23px; position:relative; height:371px; height:330px; overflow:hidden; text-align:center; color:#fff; line-height:18px; margin-right:3px;}
.thepicul li img{-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.pic-intro{ position:absolute; right:0; left:0; bottom:0; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; background-color:#333; padding:12px 25px 11px;-webkit-transition:background-color .3s ease; -moz-transition:background-color .3s ease; -ms-transition:background-color .3s ease; -o-transition:background-color .3s ease; transition:background-color .3s ease; }
.pic-intro h3{ font-size:18px; padding-bottom:5px;}
.thepicul li:hover .pic-intro{ background-color:#3455a2}

.pictures .othernav{ padding-top:27px;}
.demo{ width:1100px; height:501px; overflow:hidden; position:relative; margin-top:9px;}
.demo img,.allpics img{ display:block;-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.staffslider li img{ width:1100px; height:501px; display:block;}
.staffslider .flex-viewport li{ float:left; width:1100px; height:501px;}
.smallslider{position:absolute;height:64px;bottom: 7px;right:68px;width:521px;z-index:6;}
.smallslider .flex-viewport li{ float:left; width:123px; height:56px; margin-right:8px; position:relative}
.smallslider li img{ display:block; width:123px; height:56px;}
.flex-prev,.flex-next{display:block;width:23px;height:38px;position:absolute;bottom: 22px;overflow:hidden;line-height:1000px;outline:none; z-index:3}
.flex-prev{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/sleft.png) no-repeat; left:474px;}
.flex-next{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/sright.png) no-repeat; right:28px;}
.flex-prev:hover{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/slefth.png) no-repeat; }
.flex-next:hover{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/srighth.png) no-repeat; }
.smallslider li.flex-active-slide span{ display:block; width:123px; height:56px;-webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; border:2px solid #ce1118; left:-2px; top:-2px; position:absolute}
.smallslider .flex-viewport{ padding:2px;}
#slider .flex-direction-nav .flex-disabled{ display:none}
.demotitle{-webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; position:absolute; left:0; right:0; bottom:0; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/layerbg.png) repeat;  padding:30px 630px 30px 20px; font-size:20px; color:#fff; z-index:3;}
.staffslider .flex-direction-nav{ z-index:4; position:relative}
.subpics{ position:relative; height:510px; overflow:hidden;}
.subpics .flex-viewport li{ width:1100px; height:510px; list-style:none;}
.subpics .flex-viewport li img{ width:1100px; height:510px; display:block;}
.subpics .flex-prev,.subpics .flex-next{ bottom:auto; top:50%; margin-top:-19px;}
.subpics .flex-prev{ left:15px;}
.subpics .flex-prev{ right:15px;}
.allpics{ margin-top:22px;}
.picintro{ color:#585858; padding-bottom:29px;}
.picintro h3{ font-size:24px; line-height:35px; padding:30px 0 8px;color:#000;}

/*产品*/
.prosolu{ padding-bottom:42px;}
.prosolu .thesolu li{ width:259px; height:260px; margin-right:20px;}
.prosolu .thesolu li img{ width:259px; height:260px;}
.white{ background:#fff;}
.classproduct li{ width:348px; margin-right:28px; height:410px;}
.classproduct li img{ margin-top:35px;}

.bread .in-nav{ padding-top:0}
.sub-innav{ float:left; position:relative}

/*技术参数图片下载*/
.prochopse{ border-bottom:1px solid #eee; -webkit-box-shadow:0 1px 6px rgba(0,0,0,.1); -moz-box-shadow:0 1px 6px rgba(0,0,0,.1); -ms-box-shadow:0 1px 6px rgba(0,0,0,.1); -o-box-shadow:0 1px 6px rgba(0,0,0,.1); box-shadow:0 1px 6px rgba(0,0,0,.1); color:#333; padding:30px 0;}
.prochopse dl{ padding-left:51px; position:relative}
.prochopse dt{  width:42px; height:24px; position:absolute; left:0; top:0}
.prochopse dd a{ display:block; float:left; position:relative; padding-left:24px; cursor:pointer; margin-right:16px;}
.prochopse dd a em{ display:block; width:14px; height:14px; border:1px solid #acacac; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; position:absolute; left:0; top:3.5px;}
.prochopse dd a.cur em{ border-color:#3455a2}
.parameter{ border-bottom:1px solid #dfdfdf; padding:22px 0 43px;}
.tech table td{ vertical-align:middle; color:#333;}
.tech table h2{ font-size:24px; border-bottom:1px dashed #a8a8a8; line-height:46px; margin-bottom:6px; margin-top:17px;}
.subshow{ padding:50px 0; border-bottom:1px dotted #dfdfdf;}
.subshow h2{ font-size:24px; color:#333; text-align:center; margin-bottom:30px}
.showbox ul,.showbox li{ list-style:none;}
.imgslider ul{ white-space:nowrap}
.imgslider .flex-viewport li{ border:2px solid #dadada; margin-right:17px; width:100px; display:inline-block}
.imgslider li img{ display:block; width:100px;}
.imgslider .flex-viewport li.flex-active-slide{ border-color:#3455a2}
.imageslider li img{ width:100%;}
.imageslider .flex-viewport { width:693px; height:500px; margin:0 auto;}
.imgslider .flex-viewport{ width:710px; margin:0 auto;}
.imgslider{ margin-top:22px; position:relative}
.imageslider{ position:relative; margin-top:-19px;}
.imageslider .flex-prev,.imageslider .flex-next{ width:74px; height:74px; margin-top:-37px; top:50%; bottom:auto;}
.imageslider .flex-prev{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/picl.jpg) no-repeat; left:114px;}
.imageslider .flex-next{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/picr.jpg) no-repeat; right:114px;}
.imageslider .flex-prev:hover{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/piclh.jpg) no-repeat}
.imageslider .flex-next:hover{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/picrh.jpg) no-repeat}





.imgslider .flex-prev,.imgslider .flex-next{ width:38px; height:38px; margin-top:-19px; top:50%; bottom:auto;}
.imgslider .flex-prev{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/spicl.jpg) no-repeat; left:110px;}
.imgslider .flex-next{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/spicr.jpg) no-repeat; right:110px;}
.imgslider .flex-prev:hover{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/spiclh.jpg) no-repeat}
.imgslider .flex-next:hover{ background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/spicrh.jpg) no-repeat}
.mask{ position:fixed; width:100%; height:100%; left:0; top:0; background:#000; filter:alpha(opacity=86); background:rgba(0,0,0,.86); z-index:15; display:none}
.fixbox{ position:fixed; left:50%; top:50%; z-index:17; height:388px; width:524px; margin-left:-262px; margin-top:-194px; background:#fff; display:none}
.closed{ display:block; position:absolute; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/close2.jpg) no-repeat; width:31px; height:30px; right:20px; top:16px; cursor:pointer}
.fixbox h2{ line-height:64px; background:#3455a2; color:#fff; padding:0 57px 0 22px;}
.downform ul{ padding-left:36px; padding-top:21px;}
.downform ul li{ list-style:none; font-size:15px; color:#4c4c4c; padding-top:32px;}
.downform ul li span{ display:block; float:left; width:82px; height:45px; line-height:45px;}
.downform ul li input{ height:42px; line-height:42px; border:1px solid #dcdcdc; width:254px; padding:0 10px; float:left;}
.subb{ display:block; width:136px; height:40px; text-align:center; line-height:40px; background:#d30e17; margin-left:118px; font-size:18px; color:#fff; cursor:pointer; margin-top:26px;}
.downlist{ padding-bottom:74px;}
.downlist h2{ text-align:center; font-size:24px; color:#333; padding-top:50px;}
.downlist h3{ font-size:14px; color:#3c3c3c; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/icon08.jpg) 10px center no-repeat; padding:5px 0 8px 63px; line-height:24px;}
.downlist td{ border-bottom:1px solid #dfdfdf; padding:20px 0; line-height:32px;}
.downa{ display:block; color:#3c3c3c; text-align:right; padding-right:56px; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/icon09.jpg) 222px 0 no-repeat; cursor:pointer}
.downa:hover{ color:#3455a2; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/icon09h.jpg) 222px 0 no-repeat;}
.bread.cur{ position:fixed; width:100%; left:0; top:0; background:#fff; z-index:9}
.subproduct{ display:none;}
.sub-innav em{position:absolute;width:100%;height: 49px;left:0;top:0;cursor:pointer;z-index:3;}
.sub-innav em.cur{ z-index:-1}

.dpictures{ padding:65px 0;}
.dbig{ float:left; width:622px;}
.dbig img{ max-width:622px; height:auto;}
.dsmal{ float:right; width:453px; border-left:1px dotted #dedede; padding-left:20px; overflow:hidden;}
.dsmal ul{ width:600px; margin-bottom:10px;}
.dsmal li{ list-style:none; text-align:center; color:#464646; float:left; width:175px; margin-right:34px; margin-top:10px;}
.dsmal li img{ width:175px; height:85px; display:block;}
.line{ border-top:1px dotted #dedede;}
#fancybox-outer img{ display:block; width:600px; height:291px;}

.thedetailimg{ background:#ededed; padding:20px 0}
.image img{ display:block; max-width:100%; margin:0 auto;}
.provideo .viode{ width:100%;}
.proadvan{ padding-top:35px; overflow:hidden; padding-bottom:126px;}
.proadvan h2{ font-size:36px; color:#464646; line-height:50px; text-align:center; padding-bottom:70px;}
.proadvan ul{ width:1300px;}
.proadvan ul li{ list-style:none; width:241px; float:left; margin-right:45px; text-align:center; font-size:18px; color:#333;}
.proadvan li img{ display:block; width:241px; height:241px; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; margin-bottom:25px;}
.proadvan ul li:hover img{ border:1px solid #3455a2; width:239px; height:239px;}

.manypic{ background:#ededed; padding:55px 0 60px;}
.manypic img{ max-width:100%; height:auto !important}

/*.bigimg{ position:fixed; width:970px; padding-right:30px; z-index:17; left:50%; margin-left:-550px; top:30px; bottom:30px; display:none; overflow:hidden;}
.bigimg img{ display:block; position:relative}*/
.close3{ position:absolute; display:block; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/close2.png) no-repeat; width:30px; height:30px;  top:0; right:0; cursor:pointer;}
/*.bigimg  div{ overflow:hidden;}*/

.coding{ overflow:hidden; padding-top:42px;}
.coding h2{ font-size:36px; color:#464646; line-height:45px; text-align:center; padding-bottom:17px;}
.codingleft{ float:left; color:#464646; padding-right:58px; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/dleft.jpg) right center no-repeat;}
.codingleft p,.codingright p{ width:50px;}
.codingright{ float:right; padding-left:80px; background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/dright.jpg) left center no-repeat;}
.codebox{width:793px;overflow:hidden;float:left;margin-left:32px;padding-top: 3px;}
.codeboxul{background: url(http://helijia.asp.wzkex.com/Templates/helijia/images/line02.jpg) left 44px repeat-x; width:1000px;}
.codeboxul li{cursor:pointer;float:left;width:38px;padding-bottom:24px;background:url(http://helijia.asp.wzkex.com/Templates/helijia/images/dtop.jpg) center bottom no-repeat;text-align:center;list-style:none;font-size:18px;margin-right: 70px;}
.cidespan{  color:#d30e17; height:40px; line-height:40px; border-bottom:4px solid #fff; display:block;}
.codeboxul li .codeem{ font-style:normal; color:#333; display:inline-block; border-bottom:1px solid #666666; line-height:18px; margin-top:14px;}
.codeboxul li.cur .cidespan{ border-bottom-color:#d30e17}
.codetable{ font-size:18px; color:#333; margin-top:13px;}
.codetable td{ padding:3px 0; border-bottom:18px solid #fff; background:#e5e7e6;}
.num{ -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; background:#4a4849; border-radius:50%; display:inline-block; width:23px; height:23px; text-align:center; line-height:23px; color:#fff; font-size:14px; vertical-align:text-bottom; margin-left:8px; margin-right:13px;}
.codetxt{ color:#333;}
.codetxt p{ float:left; margin-right:15px;}
.textul{ float:left;}
.textul li{ list-style:none; text-align:center; float:left; margin-right:60px;}
.textul span{ display:block;}
.allcode{ padding-top:20px;}
.subcode{ display:none;}

/*搜索结果页*/
.result{ padding: 58px 0 55px; background:#fff;}
.result-list{ background:#fff; margin:30px 0 80px;}
.result span{font-size:30px;color: #3455a2;display:block;line-height:46px;float:left;}
.result-in{float: left;height: 46px;border: 1px solid #ccc; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: 480px;margin-left: 32px;margin-right: 13px;padding: 0 13px; line-height:46px; font-size: 15px;}
.result-bt{background: #3455a2;color:#fff;width:111px;font-size:15px;text-align:center;line-height:46px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; cursor:pointer}
.the-result{ font-size:18px; color:#1a1a1a; padding-top:30px;}
.result-ul{padding: 0 0 27px;}
.result-ul li{ border-bottom:1px solid #d0d0d0; line-height:22px; color:#333; position:relative; padding-top:25px; padding-bottom:25px;}
.result-ul li h2{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:7px;}
.result-ul li h2 a{color: #3455a2;}
.result-ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.result-a{display:block;width:95px;height:30px;text-align:center;line-height:30px;border:1px solid #c3c3c3;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;margin-top:15px;color: #3455a2;}
.result-a:hover{background: #3455a2;color:#fff;}

/*20170807*/
.secondnav{ position:absolute; left:0; top:44px; background:#fff; width:475px; padding-top:18px; padding-bottom:24px; z-index:6; display:none}
.navlind{ float:left; padding:0 31px; height:150px; border-right:1px solid #e4e4e4;}
.navlind a{ display:block; color:#333; line-height:30px;}
.navlind a:hover{ color:#3455a2}
.navright{ float:left; width:276px; text-align:center; font-size:12px; color:#333; line-height:18px; padding-left:35px;}
.navright img{ width:276px; height:143px;}
.navright h2{ font-size:18px; color:#3455a2; line-height:20px; padding:10px 0 5px;}
.topnav3 .navlind a{ /*display:inline-block;*/ /*margin-right:58px;*/}
.topnav3 .navlind{ /*width:176px;*/}
/*.topnav3 .secondnav{ width:585px;}*/
.topnav4 .secondnav{ left:-145px;}
.topnav5 .secondnav{ left:-145px;}
.topnav6 .secondnav{ left:auto; right:-57px;}
.nav li:hover .secondnav{ display:block;}
.thenew-index {height:371px;}

@-webkit-keyframes fadeHeaderInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-50%,0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
	}
}

@-moz-keyframes fadeHeaderInDown {
	0% {
		opacity: 0;
		-moz-transform: translate3d(0,-50%,0);
	}

	100% {
		opacity: 1;
		-moz-transform: translate3d(0,0,0);
	}
}

@-o-keyframes fadeHeaderInDown {
	0% {
		opacity: 0;
		-o-transform: translate3d(0,-50%,0);
	}

	100% {
		opacity: 1;
		-o-transform: translate3d(0,0,0);
	}
}

@keyframes fadeHeaderInDown {
	0% {
		opacity: 0;
		transform: translate3d(0,-50%,0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0,0,0);
	}
}
.floatt{-webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;}
.floatt.is-sticky{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	margin:0;
	background:#e7e7e7;
	-webkit-animation-name: fadeHeaderInDown;
	-moz-animation-name: fadeHeaderInDown;
	-o-animation-name: fadeHeaderInDown;
	animation-name: fadeHeaderInDown;
	z-index: 9;
}

.floatt.cur{ position:static;}